<template>
  <div class="home">
    <router-link to="about">to about</router-link>
    <div @click="handleChangeCity">home</div>
    <div @click="handleChangeNum">Num</div>
  </div>
</template>

<script>

export default {
  name: 'Home',
  methods: {
    handleChangeCity () {
      this.$store.dispatch('changeCity', '北京')
    },

    handleChangeNum () {
      this.$store.commit('changeNum', '100')
    }
  }
}
</script>
